<!DOCTYPE html>

<html lang="es">

<head>
  	<title>SyncroList</title>

  	{include file="head_scripts.html"}

    <style>
      /* css for timepicker */
      .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
      .ui-timepicker-div dl { text-align: left; }
      .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
      .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
      .ui-timepicker-div td { font-size: 90%; }
      .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
      .ui-timepicker-rtl{ direction: rtl; }
      .ui-timepicker-rtl dl { text-align: right; }
      .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
    </style>

</head>

<body>

	{include file="messages.html"}

	{include file="nav_bar.html"}

    <div class="container">

      <div class="row">
        
        <div class="span2">
          <ul class="nav nav-pills nav-stacked">
            <li class="nav-header">Actividades</li>
            <li><a href="actividades/create"><i class="icon-chevron-right"></i>Crear</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Ver</a></li>
            <li class="active"><a href="actividades/update/{$actividad->id}"><i class="icon-chevron-right"></i>Editar</a></li>
            <li><a href="actividades/browse"><i class="icon-chevron-right"></i>Listar</a></li>
            
            <li class="nav-header">Contactos</li>
            <li><a href="contactos/create"><i class="icon-chevron-right"></i>Crear</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Ver</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Editar</a></li>
            <li><a href="contactos/browse"><i class="icon-chevron-right"></i>Listar</a></li>
          </ul>
        </div> <!-- /span2 -->
        

        <div class="span10">

          <form id="" class="" action="" method="post" enctype="multipart/form-data">

            <legend>Edición de actividad</legend>

            <input id="usuario_id" name="usuario_id" type="hidden" value="{$usuario->id}">

            <input id="actividad_id" name="actividad_id" type="hidden" value="{$actividad->id}">

            <label for="titulo">Título</label>
            <input id="titulo" name="titulo" type="text" value="{$actividad->titulo}" placeholder="Título de la actividad">

            <label for="detalle">Detalle</label>
            <textarea id="detalle" name="detalle" rows="5" placeholder="Detalle de la actividad">{$actividad->detalle}</textarea>

            <label for="fecha">Fecha y Hora</label>
            <input id="fecha" name="fecha" type="text" value="{$actividad->fecha}" placeholder="AAAA-MM-DD HH:MM:SS">
            
            <div id="" class="form-actions">
            
              <button id="" name="" type="submit" class='btn btn-primary'>Guardar cambios</button>

              <a id="" name="" href="actividades/delete/{$actividad->id}/" class='btn btn-danger'>Borrar</a>

            </div>

          </form>

        </div> <!-- /span10 -->

      </div> <!-- /row -->

    </div> <!-- /container -->

	{include file="footer.html"}

<script>
  $('#fecha').datetimepicker({
    timeFormat: 'HH:mm:ss',
    dateFormat: 'yy-mm-dd'
  });
</script>

</body>

</html>